import React, { FC } from "react";
import { useNavigate } from "react-router-dom";
import styles from './Home.module.scss'
import { Typography, Button } from "antd";
import { MANAGE_INDEX_PATHNAME } from "../router";
import { useTitle } from "ahooks";

const {Title,Paragraph} =Typography
const Home: FC = () => {
    useTitle('星问卷')
    const nav = useNavigate()
    return <>
        <div className={styles.container}>
            <Title>问卷调查 | 在线投票</Title>
            <Paragraph> 已累计用户0k+,发布问卷000w+</Paragraph>
            <div className={styles.info}>
                <Button type="primary" onClick={()=>nav(MANAGE_INDEX_PATHNAME)}>开始使用</Button>
            </div>
       </div>
    </>
}
export default Home